﻿Ext.define('SenchaApp.view.BorderCenter', {
    extend: 'Ext.Panel',
    alias: 'widget.bordercenter',
    layout: {
        type: 'vbox',
        align : 'stretch',
        pack  : 'start',
    },
    items: [
        {
            xtype: 'grid',
            store: 'CarStore',
            action: 'carsGridView',
            columns: [
                { header: 'Model', dataIndex: 'Model', flex: 1 },
                { header: 'Brand Name', dataIndex: 'BrandName', flex: 1 },
                { header: 'Price', dataIndex: 'Price', flex: 1, renderer: Ext.util.Format.usMoney }
            ],
            viewConfig: {
                emptyText: 'No rows to display'
            },
            flex: 1
        },
        {
            xtype: 'cardetailscontainer',
            flex:1
        }
    ]
   
});